﻿/*

            This file is part of the mojomo modular front end design framework for mojoPortal CMS; 
            find more at mojomo.co.uk or mojomo.codeplex.com	

Name:       tables.css

Author:     freshangle.co.uk

Version:    1.0

Purpose:    This css file styles the default tables used throughout the site  
           
    
    

*/	




/*  table defaults  */

    table { width: 100%; max-width: 100%; border-collapse: collapse; border-spacing: 0; }

    table [colspan] { text-align: left; }
    table [rowspan] { vertical-align: middle; }
    /*Assuming IE has an 'implied' colspan of one on cells without an 
     explicit colspan attribute, fix/undo it.See jsfiddle.net/csswizardry/UJJay/*/
    [colspan="1"] { text-align: left; }
    [rowspan="1"] { vertical-align: middle; }

    caption { text-align: right; }

    th { text-align: left; font-weight: normal; vertical-align: top; }
    thead th { }
    tbody th { }

    td { vertical-align: middle; }
    tbody td { }


    tfoot { text-align: left; }
    tfoot td { font-weight: 700; }


/*borders*/


    /* thicker border on the table-headers of the last row in the table head. */
    thead tr:last-of-type th {  /*border-bottom-width:2px;*/ }

    /* thicker right border on table-headers in the table body. */
    tbody th { /*border-right-width:2px;*/ }

    /* hide the borders on any empty table-headers. */
    th:empty {  border: none; }

    tr	{border-bottom:1px solid #DEDEDE}
    th  {border-bottom:1px solid #DEDEDE}
    td { padding: /*0*/ 0.75em; }
         
         
/*zebra stripe, not natively in ie6/7/8...*/

    tbody tr:nth-of-type(odd) { background: #F7F7F7; }  
    
    
/* mojo admin pages    */    
        
    /*.administration .col1 li:nth-of-type(odd) { background: #F7F7F7; }	
     .administration tbody tr:nth-of-type(odd) { background: #F7F7F7; }*/   
    
/*style list as if table...*/ 

    .administration li.simplelist,
    .administration ul.simplelist li
    {border-bottom: 1px solid #DEDEDE; }


    





